<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/store.css">
    <link rel="stylesheet" href="./assets/css/common.css">
</head>

<body>
    <!-- 包裹下面全部内容的背景 -->
    <div class="f6f6f6">
        <!-- 头部 -->
        <header class="header">
            <div class="top">
                <div class="left">
                    <img src="./assets/images/shopping.png" alt="">
                </div>
                <div class="right">
                    <input type="text" name="" value="搜索" />
                </div>

            </div>
            <div class="bottom">
                <div class="text">
                    <div class="text-1">支负宝支付</div>
                    <div class="text-2">牢底坐穿高技术</div>
                </div>
                <div class="bg">
                    <img src="./assets/images/store-bg.png" alt="">
                </div>
            </div>
        </header>

        <!-- app -->
        <div class="app">
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification1.png" alt="">
                </div>
                <div class="text">
                    <span>家电馆</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification2.png" alt="">
                </div>
                <div class="text">
                    <span>美食馆</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification3.png" alt="">
                </div>
                <div class="text">
                    <span>家居馆</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification4.png" alt="">
                </div>
                <div class="text">
                    <span>时尚馆</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification5.png" alt="">
                </div>
                <div class="text">
                    <span>海外购</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification6.png" alt="">
                </div>
                <div class="text">
                    <span>限时抢购</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification7.png" alt="">
                </div>
                <div class="text">
                    <span>科技馆</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification8.png" alt="">
                </div>
                <div class="text">
                    <span>电子票券</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification9.png" alt="">
                </div>
                <div class="text">
                    <span>户外运动</span>
                </div>
            </div>
            <div class="app1">
                <div class="img">
                    <img src="./assets/images/classification10.png" alt="">
                </div>
                <div class="text">
                    <span>全部分类</span>
                </div>
            </div>
        </div>

        <!-- 限时秒杀 time limit-->
        <div class="limit">
            <div class="box">
                <div class="top">
                    <div>限时秒杀</div>
                    <div>距离结束还剩</div>
                    <div>
                        <span>12</span>
                        <span>:</span>
                        <span>12</span>
                        <span>:</span>
                        <span>12</span>
                    </div>
                </div>
                <div class="bottom"></div>
            </div>
        </div>
        <div class="choiceness">
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>
        </div>

        <!-- 精选活动 -->
        <div class="handpick">
            <div class="box">
                <div class="title">
                    <div>精选活动</div>
                </div>
                <div class="center">
                    <div class="left">
                        <div>浓情五月抢5折</div>
                        <div>精选商品低至9.9折</div>
                    </div>
                    <div class="right">
                        <img src="./assets/images/handpick1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 活动1 -->
        <div class="choiceness1">
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>
            <div class="box">
                <div>
                    <img src="./assets/images/hua1.png" alt="">
                </div>
                <div>菊花 塑料菊花</div>
                <div>装饰品</div>
                <div>￥78.0</div>
            </div>

        </div>

        <!-- 底部 -->
        <div class="bottomr">
            <input type="radio" name="ck" id="ck1" hidden>
            <label for="ck1" class="label1">
                <a class="box" href="./index.html">
                    <div class="text">首页</div>
                </a>
            </label>


            <input type="radio" name="ck" id="ck2" hidden>
            <label for="ck2" class="label2">
                <a class="box" href="./management.html">
                    <div class="text">理财</div>
                </a>
            </label>

            <input type="radio" name="ck" id="ck3" hidden>
            <label for="ck3" class="label3">
                <a class="box" href="./store.html">
                    <div class="text">购物</div>
                </a>
            </label>

            <input type="radio" name="ck" id="ck4" hidden>
            <label for="ck4" class="label4">

                <a class="box" href="./information.html">
                    <div class="text">消息</div>
                </a>

            </label>

            <input type="radio" name="ck" id="ck5" hidden>
            <label for="ck5" class="label5">
                <a class="box" href="./my.html">
                    <div class="text">我的</div>
                </a>
            </label>
        </div>
    </div>

</body>

</html>
<script src="./assets/js/typeface.js"></script>